<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
    <title>{{ title }}</title>
    <meta name="robots" content="index, follow" />
    <meta charset="UTF-8"/>
    <meta name="keywords" content="{{ keywords }}" />
    <meta name="description" content="{{ description }}" />
    {% block stylesheets %}
    <link rel="stylesheet" href="/css/main.css" type="text/css" />
    <link rel="stylesheet" href="/css/top-menu.css" type="text/css" />
    <link rel="stylesheet" href="/css/slider.css" type="text/css" />
    <link href="css/podschet.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/css/main_tovar.css" type="text/css" />
    <link rel="stylesheet" href="/css/cart.css" type="text/css" />
    <link rel="stylesheet" href="/css/modal.css" type="text/css" />
    <link rel="stylesheet" href="/css/podschet.css" type="text/css" />
    <script src="/JavaScript/jquery-2.0.3.js"></script>
        <style>
            .fadein { position:relative; height:300px; width:960px; }
            .fadein img { position:absolute; left:0; top:0; }
        </style>
    <style>
        #menu li a.current1 {
            color: RGB(248, 155, 162);
            background: url(/img/menu_h.png) no-repeat bottom;
        }
    </style>
    {%  endblock %}
    <script type="text/javascript">
        function chekmodal(){
            if (window.location.hash == '#openModal') {
                showmodal();
            }
            else {
                hidemodal();
            }
        }
        function showmodal(){
            document.getElementById('openModal').style.display='block';
            $.ajax({
                url: "/cart",
                dataType: "html",
                success: function(data)
                {
                 $("#openModal").text(data);
                }
            });
        }
        function hidemodal(){
            document.getElementById('openModal').style.display='none';
        }
    </script>


    <script src="/Slider/jquery.min.js" type='text/javascript' charset='UTF-8'></script>
    <script>
        $(function(){
            $('.fadein img:gt(0)').hide();
            setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 8000);
        });
    </script>
</head>